<template lang="">
<div class="home_box fix">
	<div class="home_box_inner fix">
		<div class="home_box_top fix">
			<span class="primary_bg"></span>
			<img v-lazy="getAssetsImages('home/title_servce.png')" height="34">
			<p >{{ $t('zhuan-0') }}</p>
		</div>
		<div class="advantages">
			<ul >
				<li :style="'margin-top: 0px; opacity: 1;background-image: url('+ getAssetsImages('home/advantages_bg.png') +')'" >
					<img v-lazy="getAssetsImages('home/advantages_zhuanye.png')" width="114">
					<h5 >{{ $t('zhuan-1') }}</h5>
					<p >{{ $t('meiT') }}</p>
				</li>
				<li :style="'margin-top: 0px; opacity: 1;background-image: url('+ getAssetsImages('home/advantages_bg.png') +')'" >
					<img v-lazy="getAssetsImages('home/advantages_anquan.png')"  width="114">
					<h5 >{{ $t('anQu') }}</h5>
					<p >{{ $t('duJi') }}</p>
				</li>
				<li :style="'margin-top: 0px; opacity: 1;background-image: url('+ getAssetsImages('home/advantages_bg.png') +')'" >
					<img v-lazy="getAssetsImages('home/advantages_bianjie.png')" width="114">
					<h5 >{{ $t('bian') }}</h5>
					<p >{{ $t('yinL') }}</p>
				</li>
				<li :style="'margin-top: 0px; opacity: 1;background-image: url('+ getAssetsImages('home/advantages_bg.png') +')'" >
					<img v-lazy="getAssetsImages('home/advantages_kuaisu.png')" width="114">
					<h5 >{{ $t('kuai-2') }}</h5>
					<p >{{ $t('zuiX') }}</p>
				</li>
			</ul>
		</div>
	</div>
</div>
</template>
<script setup lang="ts">
import { getAssetsImages } from '@/utils';

</script>
<style lang="less">
	.home_box{
		margin-bottom: 0;
		padding-bottom: 100px;
	}
  .advantages ul li {
	height: auto;
  }
</style>